
#chat-container {
    width: 90%;
    height: 400px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    overflow-y: scroll;
    overflow-y: scroll;
    font-family: Arial, sans-serif;
}
.message {
    padding: 5px;
    margin: 5px 0;
}
.user-message {
    text-align: right;
    background-color: #e1ffc7;
}
.ai-message {
    text-align: left;
    background-color: #f1f1f1;
}
.message pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}
#message {
    width: 300px;
}
#message-input {
    width: 70%;
    padding: 5px;
}
#send-btn {
    padding: 5px 10px;
}